<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买-第五组</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="../lib/css/bootstrap.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/module.css">
    <link rel="stylesheet" href="../css/gsproduct.css">
    <link rel="stylesheet" href="../lib/fonts/font_awesome/css/font-awesome.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <a class="btn-back" href="javascript:;">
            <span class="fa fa-angle-left"></span>
        </a>
        <div class="title">凑单品</div>
        <a href="javascript:;"></a>
    </header>

    <!-- 内容(三级联动头？？？) -->
    <form id="form" class="screen">
        <div class="screen_button">
            <div class="name">
                <input type="hidden" name="shopid">
                <i></i>
                <span class="glyphicon glyphicon-triangle-bottom"></span>
            </div>
            <div class="area">
                <input type="hidden" name="areaid">
                <i></i>
                <span class="glyphicon glyphicon-triangle-bottom"></span>
            </div>
            <div class="spri">
                <i>全部价格</i>
                <span class="glyphicon glyphicon-triangle-bottom"></div>
                <a class="glyphicon glyphicon-search sx_search"></a>
            </div>
        </div>
    </form>
    <!-- 三级联动的内容 -->
    <div class="content">
        <ul class="shopName">
            <!-- shopNameTmp模板占坑 -->
        </ul>
        <ul class="shopArea">
            <!-- shopAreaTmp模板占坑 -->
        </ul>
        <ul class="sprice">
            <li>全部价格</li>
            <li>0-50</li>
            <li>50-100</li>
            <li>100-500</li>
            <li>500-1000</li>
            <li>>1000</li>
        </ul>
    </div>

    <!-- 商品列表 -->
    <div class="comm_list">
        <ul>
            <!-- <li>
            <a href="javascript:;" class="cd_img">
                <div>
                    <img src="#" alt=""> 
                </div>
                <p>啦啦啦啦啦啦</p>
            </a>
                <div class="clearfix">
                    <span>￥1.0</span>
                <a href="javascript:;">去凑单</a>
            </div>
            </li> -->
            <!-- shopListTmp模板占坑 -->
            </ul>
        </div>


        <!-- 底部 -->
        <footer>
            <div class="footer_top">
                <span>登录</span>
                <span>注册</span>
                <a href="javascript:;" class="back">
                    <img src="../images/toTop.jpg" alt="">
                    <span>返回顶部</span>
                </a>
            </div>
            <div class="footer_content">
                <div class="footer_link">
                    <a href="javascript:;">手机APP下载</a>
                    <a href="javascript:;">慢慢买手机版</a>
                    <a href="javascript:;">-- 掌上比价平台</a>
                </div>
                <p>m.manmanbuy.com</p>
            </div>
        </footer>
</body>

</html>
<script src="../lib/js/jquery.1.12.4.js"></script>
<script src='../lib/art-template/template-web.js'></script>
<script src="../js/module.js"></script>
<script src="../js/gsproduct.js"></script>
<!-- 店铺模板 -->
<script type="text/template" id="shopNameTmp">
    {{each result}}
    <li data-nameId="{{$value.shopId}}">{{$value.shopName}}</li>
    {{/each}}
</script>
<!-- 区域模板 -->
<script type="text/template" id="shopAreaTmp">
    {{each result}}
    <li data-areaId="{{$value.areaId}}">{{$value.areaName}}</li>
    {{/each}}
</script>
<!-- 商品列表 -->
<script type="text/template" id="shopListTmp">
    {{each result}}
    <li>
        <a href="javascript:;" class="cd_img">
            <div>
                <img src="{{$value.productImg}}" alt="">
            </div>
            <p>{{$value.productName}}</p>
        </a>
        <div class="clearfix">
            <span>{{$value.productPrice}}</span>
            <a href="javascript:;">去凑单</a>
        </div>
    </li>
    {{/each}}
</script>